<template>
	<div class="left-container">
		<UserCard></UserCard>
		<BilibiliCard style="margin-top:20px;"></BilibiliCard>
	</div>
</template>

<script>
	import UserCard from './UserCard'
	import BilibiliCard from './BilibiliCard'

	export default {
		name: 'LeftContainer',
		components: {
			UserCard: UserCard,
			BilibiliCard: BilibiliCard,
		}
	}
</script>

<style scoped>
.left-container{
	width: 18%;
	min-width: 0px;
}

@media (max-width: 1000px) {
  .left-container {
    display: none;
  }
}
</style>
